import { APP_NAME } from '@/constants';
import useUserInfo from '@/hooks/use-user-info';
import styles from './index.module.less';

export default () => {
  const { userName } = useUserInfo();

  return (
    <div className={styles['page-welcome']}>
      <div className={styles['text-header-title']}>
        {userName ? `${userName}，` : ''}欢迎使用 {APP_NAME}
      </div>
      <div className={styles['welcome-container']}>
        <div className={styles['title-container']}>
          <div className={styles['text-title-zh']}>
            <div>欢迎使用</div>
            <div>{APP_NAME}</div>
          </div>
          <div className={styles['text-title-en']}>Welcome to Console</div>
        </div>
      </div>
    </div>
  );
};
